.left-board {
  width: 260px;
  min-width: 260px;
  height: 100vh;
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.5);

  .d-logo-wrapper {
    height: 30px;
  }

  .left-scrollbar {
    height: calc(100vh - 60px - 24px);
    padding: 12px;

    .components-list {
      .components-title {
        font-size: 16px;
        font-weight: bold;
      }

      .components-draggable {
        padding-top: 16px;
        padding-bottom: 20px;

        .components-item {
          display: inline-block;
          width: 48%;
          margin: 1%;
          transition: transform 0ms !important;

          .components-body {
            padding: 8px 10px;
            background: #f4f6fc;
            font-size: 12px;
            cursor: move;
            border: 1px solid #409eff;
            border-radius: 3px;
          }

          .components-body:hover {
            border: 1px dashed #f56c6c;
            color: #f56c6c;
          }
        }
      }


    }
  }
}
